<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui" >
    <h:outputStylesheet library="css" name="main.css" />
    <div>
        <h:head>
            <title>High School Portal</title>

        </h:head>

        <h:body>

            <div>

                <h:form  id="login">
                    <h1 id="portalogin">
                        High School Portal
                    </h1>
                    <h:selectOneMenu value="#{indexBackingBean.type}">
                        <f:selectItem itemLabel="Student" itemValue="student"/>
                        <f:selectItem itemLabel="Parent" itemValue="parent"/>
                        <f:selectItem itemLabel="Teacher" itemValue="teacher"/>

                    </h:selectOneMenu>
                    <h:outputLabel for="user" value="Username: " />
                    <h:inputText id="user" value="#{indexBackingBean.username}"></h:inputText>
                    <h:outputLabel for="pass" value="Password: " />
                    <h:inputSecret id="pass" value="#{indexBackingBean.password}"></h:inputSecret>
                    <h:commandButton action="#{indexControllerBean.login}" value="Login"/><br></br>
                    <h:commandLink value="Forgot Password" action="forgotPassword" />
                </h:form>
            </div>

        </h:body>
    </div>
</html>

